.admin-task-index {
	.task-search {
		width: 100%;
		height: 200px;
		background: url("../../../../static/img/task_bg2.png") no-repeat;
		background-size: 100% 100%;
		position: relative;
		border-radius: 3px;
		overflow: hidden;

		.task-search_martio {
			width: 100%;
			display: flex;
			flex-direction: column;
			align-items: center;
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
		}

		.task-search_tab {
			width: 100%;
			height: 40px;
			position: absolute;
			bottom: 0;
			left: 0;
			display: flex;
			flex-direction: column;
			justify-content: flex-end;

			.tab_ul {
				width: 100%;
				height: 40px;
				position: absolute;
				bottom: 0;
				left: 0;
				display: flex;
				flex-direction: row;
				align-items: center;

				.tab_ul-li {
					height: 100%;
					display: flex;
					flex-direction: column;
					margin-right: 15px;
					cursor: pointer;

					.li-text {
						flex: 1;
						font-size: 14px;
						color: #ffffff;
						display: flex;
						flex-direction: row;
						align-items: center;
						justify-content: center;
						padding: 0 12px;
					}

					.li-tline {
						height: 4px;
						background-color: #80f2ff;
					}

					.li-text-active {
						font-weight: bold;
					}

					.li-tline-active {
						background-color: #3699ff;
					}
				}
			}

			.tab_line {
				width: 100%;
				height: 4px;
				background-color: #80f2ff;
			}
		}

		.task-search_text {
			text-align: center;
			font-size: 32px;
			color: #ffffff;
			font-weight: bold;
			margin-bottom: 15px;
		}

    .task-search-seting{
      position: relative;
      width: 100%;
      height: 100%; 
      position: relative;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
    }

    .task-search_set{
     display: flex;
     flex-direction: column;
     top: 10%;
     right: 5%;
     position: absolute;
      height: 35px;
      line-height: 35px;
      padding: 0px 20px;
      background-color: #FFFFFF;
      border-radius: 35px;
    }

		.task-search_top {
			width: 450px;
			display: flex;
			flex-direction: row;
			align-items: center;
		}

		.task-search_but {
			background-color: #2be7f8;
			height: 42px;
			line-height: 42px;
			margin-left: 15px;
			border-radius: 4px;
			padding: 0 20px;
			font-size: 16px;
			color: #ffffff;
			cursor: pointer;
		}

		.task-search_box {
			flex: 1;
			min-width: 0;
			background: #ffffff;
			display: flex;
			align-items: center;
			border-radius: 4px;
			overflow: hidden;

			i {
				font-size: 20px;
				color: #c2c2cd;
				margin-left: 15px;
			}

			.el-input__inner {
				border: none;
			}
		}
	}

	.admin-task-index_ul {
		display: flex;
		flex-wrap: wrap;
		padding-right: 12px;
		padding-bottom: 20px;
		border: 1px solid #ebedf2;

		.admin-task-index_li {
			width: 25%;
			padding-left: 20px;
			margin-top: 20px;
			cursor: pointer;

			.admin-task-index_box {
				width: 100%;
				height: 100%;
				overflow: hidden;
				padding: 10px;
				background-color: #F7F8F9;
				box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12);

				.admin-task-index_btop {
					display: flex;
					flex-direction: row;
					align-items: center;
					padding: 10px;
				}

				.admin-task-index_left {
					flex: 1;
					min-width: 0;
					padding-left: 10px;

					.admin-task-index_t1 {
						overflow: hidden;
						text-overflow: ellipsis;
						white-space: nowrap;
						font-size: 16px;
						font-weight: 500;
						color: #333;
					}

					.admin-task-index_p2 {
						color: #b5b5c3;
						font-size: 10px;
						margin-top: 5px;
						display: -webkit-box;
						-webkit-box-orient: vertical;
						-webkit-line-clamp: 2;
						overflow: hidden;
						line-height: 18px;

						.admin-task-index_span {
							display: inline-block;
							background-color: #34bfa3;
							color: #ffffff;
							padding: 0 5px;
							font-size: 8px;
							margin-right: 5px;
						}

						.admin-task-index_span-1 {
							display: inline-block;
							background-color: #c4c5d6;
							color: #ffffff;
							padding: 0 5px;
							font-size: 8px;
							margin-right: 5px;
						}
					}

					.admin-task-index_p5 {
						font-size: 13px;
						color: #898989;
						padding: 5px 0;
						overflow: hidden;
						text-overflow: ellipsis;
						white-space: nowrap;
					}
				}

				.admin-task-index_p4 {
					display: flex;
					align-items: center;
					justify-content: flex-end;
					margin-top: 10px;

					.p4-buts {
						cursor: pointer;
						display: flex;
						flex-direction: row;
						align-items: center;
						justify-content: center;
						font-size: 9px;
						margin-left: 2px;
						color: #898989;
						padding: 4px 5px;
						border-radius: 40px;

						i {
							font-size: 14px;
							color: #7F03DD;
							margin-right: 3px;
						}
					}

					.p4-buts:hover {
						background-color: #7F03DD;
						color: #ffffff;

						i {
							color: #ffffff;
						}
					}
				}

				.admin-task-index_right {

					i {
						color: #9816f4;
						font-size: 45px;
					}
				}
			}

			.admin-task-index_box:hover {
				box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);
			}
		}
	}

	.el-loading-mask {
		height: 600px;
	}
}
